	  			/*header title start*/
			.header {
				height: 50px;
				flex: 0 0 auto;
				align-items: center;			
				justify-content: flex-end;
				
			}
		
		.header .htitle:hover{border-bottom: 2px solid #08B2ED;box-sizing: border-box;}
		 .header>:nth-child(1){flex:1 3 420px;}
         .header>:not(:first-child){flex:1 1 60px;}
        .header>:last-child{flex:1 2 150px;}
		.header>div a:hover:not(.login){color: #59c7e8;}
		.login{font-size: 16px; color: #fff; line-height: 30px;padding: 5px 15px;background: linear-gradient(#08b2ed,#6ac7fa);text-decoration: none;display:inline-block;border-radius: 3px;}
		.login:hover{opacity: 0.7;}
		.header>div{height: 50px; line-height:50px;vertical-align: middle;margin: 10px;text-align: center;}
		.header .logo img{height:90%;flex: 0 0 50px;}
		.dnav,.dnav ul {
    list-style:none;
    margin:0;
    padding:0;
}

.dnav {
    position:relative;
}

.dnav ul {
    height:0;
    left:0;
    overflow:hidden;
    position:absolute;
    top:46px;
    z-index:30;
}

.dnav>li {
    float:left;
    position:relative;
}

.dnav li a {
    background-color:#7770B4;
    border:1px solid #6E67A6;
    color:#FFF;
    display:block;
    font-size:16px;
    line-height:35px;
    padding:5px 10px;
    text-decoration:none;
    width:80px;
}

.dnav li:hover > a {
    background:#8CCA33;
    border-color:#6E67A6;
    color:#fff;
    width:80px;
}

.dnav li:hover ul.subs {
    height:auto;
    width:110px;
}
.drtransition{
	 -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
	 transition:0.5s;
}
.dnav ul li {
   
    opacity:0;
 
    width:100%;
}
.dnav li:hover ul li {
    opacity:1;
    -moz-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    -webkit-transition-delay:0.2s;
    transition-delay:0.2s;
}

.dnav ul li a {
    background:#7770B4;
    border-color:#6E67A6;
    color:#fff;
    line-height:1px;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    transition:0.5s;
}

.dnav li:hover ul li a {
    line-height:35px;
}

 .dnav ul li a:hover {
    background:#8CCA33;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
}
		
			/*header title end*/
			/*main content start*/
			.main-content {
			flex: 1 0 auto;
			position: relative;		
		    
			}
			.main-content div.descenter{font-size:1em;width:92%;margin:0em auto;background:#eee; border-top:0.1em solid #666;border-bottom:0.1em solid #666;box-sizing: border-box;}
			/*main content end*/
			/*footer start*/
			.footer {		    
				height: 40px;
				min-height: 40px;
				background-color:rgba(122,122,122,.2);
				
				flex: 0 0 auto;							
				flex-wrap: nowrap;
				/*flex-direction: row;*/
			}
		  .footer div{padding: 5px; text-align: center;vertical-align: middle;}
		  .footer div a:hover{color: #59c7e8;}
		    /*footer end*/
		   /*login start*/
	    .logouter{border: 1px solid; position:fixed;padding: 0 20px; left:300px;top:70px;z-index: 100;border-radius: 10px; width: 750px;height: 490px;background: #fff;}
		.merge{position:fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 33;}
	    .loginheader{font-size: 20px;border-bottom: 1px solid #59C7E8; font-weight: 400;height: 40px;line-height: 40px;}
	    .loginheader :first-child{flex: 1 1 200px;padding-left: 10px;}
	    .loginheader :last-child{flex:1 2 150px;padding-right: 10px; text-align: right;}
        .lqrcode{width: 60%;height: 60%;}      
        .loginvalign{position: absolute;height: 83%;bottom: 5%; width: 1px;background-color: #08B2ED;}      
	    .tab{font-size: x-large;height: 40px;line-height: 40px;}
	    .tab .tab_off:hover{background: #cccccc;}
	    .tab_border{border-right: 2px solid #59C7E8; }
	    .tab_item{}
	    .tab_on{border-top: 2px solid #59C7E8;}
	    .tab_off{border-bottom: 2px solid #59C7E8;}
	    .group_control{box-sizing: border-box;padding:0 0;margin: 20px 0;}
	    .swichItem{padding:0 40px;} 	 
	    .uname{background: url(../images/user_name.png) no-repeat;padding:3px 3px 3px 40px;}
	    .upwd{background: url(../images/password.png) no-repeat;padding:3px 3px 3px 40px;}
	    .fpwd{font-size: 0.8em;float: right;font-weight: 100;margin: 3px;}
	    .vacode{width: 100px;}
	    .imgvalcode{width: 100px;height:36px;}
	    /*login end*/
	    .slideroutConten{background-image: url(../images/login_bg.png);}
	    /*service item start*/
	    		.s_content {
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
			background: #eee;
			box-sizing: border-box;
			background:none;
			
		}
		.s_title{text-align: center;background: url(../images/recommend.png)  no-repeat center;font-size: 4em;margin: 1em 0 0.2em 0;padding:0.5em 0;color: #08B2ED;border-bottom: 1px solid #800080;}
		.s_contentitem {
			width: 100%;
			padding: 1% 8%;
			box-sizing: border-box;
		}
		
		.s_picitem {
			border: none;
			text-align: center;
			box-sizing: border-box;
			display: inline-block;
			position: relative;
			margin: 2em 2%;
			zoom: 1;
			width: 45%;
		}
		.s_picitem img {
			width: 100%;
			border-radius: 0%;
		}
		.s_picitem p {
			text-align: center;
			font-size: 1.5em;
		}
		.s_desc {
			background: rgba(166, 166, 166, 0.4);
			font-size: 2em;
			width: 100%;
			position: absolute;
			bottom: 0em;
			text-align: center;
		}
				.dy_border{font-size: 0;  position: absolute; transition: all 0.5s ease-out 0s; background-color: red;}
            .dy_border_top {                       
                height: 2px;
                left: 0;             
                top: 0;              
                width: 0;           
            }

            .dy_border_right {              
                bottom: 0;
                height: 0;
                right: 0;
                width: 2px;
            }

            .dy_border_bootom {           
                bottom: 0;
                height: 2px;
                right: 0;
                width: 0;
            }

            .dy_border_left {
                height: 0;
                left: 0;
                top: 0;
                width:2px;
            }
	  @media screen and  (min-width: 750px)  and (min-device-width:320px)  and (max-device-width: 400px) {
			.s_picitem {
				width: 44%;
			}
			.s_contentitem{
			padding: 1% 4%;
			}
			.descenter{width:100%;}
		}
		@media  screen and (min-width: 800px) and (min-device-width:400px)  and (max-device-width: 2200px) {
			.s_picitem {
				width: 29%;
			}		
		}
		/*service item end*/
	    /*agent start*/
	    .agentlbname{justify-content: flex-end; 
	    -webkit-justify-content: flex-end;
        -ms-flex-pack: flex-end;font-weight: 200;
         font-size: 2.5em;
        text-align:right;}
	   .mright{margin-right:0.2em;}
	    .areaheight{height:6em;}
	    .advice{ font-size: 2.5em;}
	    /*agent end*/
	    
	    
	    
	    
	    